﻿<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="all" />
	<link rel="stylesheet" href="css/index.css" />
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="mod aaa">
				<div class="mod-head cephalosome clearfix">
					<div class="household">
						<div class="page-head fix">
							<img class="pull-left" alt="" src="images/logo_03.png"/>
							<p class="pull-right">
								<i class="icon icon-bell"></i>
								<a href="#">新团购的促销产品要开始啦</a>
								<i class="icon icon-tell"></i>
							</p>
						</div>
					</div>
					<div class="logo clearfix  fix">
						<div class="logo-left pull-left">
							<img class="pull-left" alt="" src="images/fsgq_07.png"/>
							<div class="dropdown">
								<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
									上海
									<span class="caret"></span>
								</button>
								<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
									<li><a href="#">武汉</a></li>
									<li><a href="#">北京</a></li>
									<li><a href="#">长沙</a></li>
									<li><a href="#">南昌</a></li>
								</ul>
							</div>
						</div>
						<div class="logo-centre text-center pull-left">
							<div class="input-group">
								<input type="text" class="form-control" placeholder="请输入搜索关键词..." aria-describedby="basic-addon2">
								<span class="input-group-addon group" id="basic-addon2">搜索</span>
							</div>
							<div class="content">
								热门搜索:<a href="#">银联卡</a>
								<a href="#">消费卡</a>
								<a href="#">蜘蛛卡</a>
								<a href="#">日常用品</a>
								<a href="#">食品</a>
								<a href="#">家用电器</a>
								<a href="#">新通礼品卡</a>
							</div>
						</div>	
						<div class="logo-right pull-right">
							<i class="icon icon-cell"></i>
							<span>400 600 6188</span>
							<h4>企业热线：021-36391656</h4>
						</div>
					</div>
					<div class="daohang clearfix">
						<div class="navigation clearfix fix">
							<div class="navigation clearfix fix">
								<ul class="nav nav-tabs list pull-left">
									<li role="presentation"><a href="">首页<img src="images/fsaf_03.png" alt="" /></a></li>
									<li role="presentation"><a href="conversion.html">我要兑换<img src="images/fsaf_03.png" alt="" /></a></li>
									<li role="presentation"><a href="#">卡册转积分<i class="icon icon-ision"></i><img src="images/fsaf_03.png" alt="" /></a></li>
									<li role="presentation"><a href="userManagement.html">积分商城<i class="icon icon-ision"></i><img src="images/fsaf_03.png" alt="" /></a></li>
									<li role="presentation"><a href="userCenter.html">购买卡册<img src="images/fsaf_03.png" alt="" /></a></li>
									<li role="presentation"><a href="#">卡册使用说明</a></li>
								</ul>
								<div class="register pull-right">
									<a href="register.html">登录</a>
									<a href="#">注册</a>
									<em><i class="icon icon-good"></i>购物车<span>0</span>件</em>
									<button type="button" class="btn btn-default btn-lg active settlement">结算</button>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="mod-body trolley fix">
					<div class="account clearfix">
						<div class="test active">
							<p><span>第一步</span>加入购物车</p>
							<div class="arn ddd"></div>
							<div class="arn fff"></div>
						</div>
						<div class="test">
							<p><span>第二步</span>确认订单信息</p>
							<div class="arn ddd"></div>
							<div class="arn fff"></div>
						</div>
						<div class="test">
							<p><span>第三步</span>成功提交订单</p>
						</div>
					</div>
					<div class="materials">
						<div class="referral">
							<form action="/example/html5/demo_form.asp" method="get">
								<input class="input" type="checkbox" name="vehicle" value="Bike" />
								<span>全选</span>
								<span></span>
								<span>商品名称</span>
								<span></span>
								<span></span>
								<span>商品编号</span>
								<span></span>
								<span>新团购积分</span>
								<span></span>
								<span>规格</span>
								<span></span>
								<span>数量</span>
								<span></span>
								<span>小计</span>
								<span></span>
								<span>操作</span>
							</form>
						</div>
						<div class="treasure">
							<div>
								<div class="materials-one">
									<form action="/example/html5/demo_form.asp" method="get">
										<input class="option input" type="checkbox" name="vehicle" value="Bike" />
										<div class="replace">
											<a href="#"><img src="images/carnext_06.jpg" alt="" /></a>
											<p><a href="#">环保陶瓷杯马克杯 环保陶瓷杯马克杯环保陶瓷杯马克杯</a></p>
										</div>
										<span>XQ00356</span>
										<span>198000</span>
										<span>个</span>
										<div class="number">
											<a href="#">-</a>
											<input class="wide" type="text" autocomplete="off" data-now="1" data-max="4985" value="1">
											<a href="#">+</a>
										</div>
										<span>369000</span>
										<div class="remove">
											<a href="#">删除</a>
										</div>
									</form>
								</div>
								<div class="materials-one">
									<form action="/example/html5/demo_form.asp" method="get">
										<input class="option input" type="checkbox" name="vehicle" value="Bike" />
										<div class="replace">
											<a href="#"><img src="images/carnext_06.jpg" alt="" /></a>
											<p><a href="#">环保陶瓷杯马克杯 环保陶瓷杯马克杯环保陶瓷杯马克杯</a></p>
										</div>
										<span>XQ00356</span>
										<span>198000</span>
										<span>个</span>
										<div class="number">
											<a href="#">-</a>
											<input class="wide" type="text" autocomplete="off" data-now="1" data-max="4985" value="1">
											<a href="#">+</a>
										</div>
										<span>369000</span>
										<div class="remove">
											<a href="#">删除</a>
										</div>
									</form>
								</div>
								<div class="materials-one">
									<form action="/example/html5/demo_form.asp" method="get">
										<input class="option input" type="checkbox" name="vehicle" value="Bike" />
										<div class="replace">
											<a href="#"><img src="images/carnext_06.jpg" alt="" /></a>
											<p><a href="#">环保陶瓷杯马克杯 环保陶瓷杯马克杯环保陶瓷杯马克杯</a></p>
										</div>
										<span>XQ00356</span>
										<span>198000</span>
										<span>个</span>
										<div class="number">
											<a href="#">-</a>
											<input class="wide" type="text" autocomplete="off" data-now="1" data-max="4985" value="1">
											<a href="#">+</a>
										</div>
										<span>369000</span>
										<div class="remove">
											<a href="#">删除</a>
										</div>
									</form>
								</div>
							</div>
							<div class="aggregate clearfix">
								<p class="pull-right">产品总积分<span>1080000</span></p>
							</div>
							<div class="button clearfix">
								<a class="empty pull-left" href="#">清空购物车</a>
								<a class="settle pull-right" href="#">结算</a>
								<a class="continue pull-right" href="#">继续购买</a>
							</div>
						</div>
					</div>	
				</div>
				<div class="mod-footer stern">
					<div class="trailer clearfix fix">
						<div class="carte pull-left">
							<ul>
								<li>
									
									<h5><i class="call call-ness"></i>购物指南</h5>
									<a href="#">兑换流程</a>
									<a href="#">会员介绍</a>
									<a href="#">常见问题</a>
									<a href="#">联系客服</a>
								</li>
								<li>
									
									<h5><i class="call call-nass"></i>配送方式</h5>
									<a href="#">如何送礼</a>
									<a href="#">特快专递</a>
									<a href="#">快递运输</a>
									<a href="#">上门自提</a>
								</li>
								<li>
									
									<h5><i class="call call-nell"></i>支付方式</h5>
									<a href="#">货到付款</a>
									<a href="#">在线支付</a>
									<a href="#">邮局汇款</a>
									<a href="#">公司转账</a>
								</li>
								<li>
									
									<h5><i class="call call-less"></i>售后服务</h5>
									<a href="#">退款说明</a>
									<a href="#">返修申请</a>
									<a href="#">退款申请</a>
									<a href="#">换货流程</a>
								</li>
							</ul>
						</div>
						<div class="mailbox pull-left">
							<div class="wechat pull-left">
								<img alt="" src="images/hfss_21.jpg"/>
							</div>
							<div class="phone pull-right">
								<p><i class="icon icon-free"></i>400-600-6188</p>
								<b><i class="icon icon-hell"></i>xintuangou@spanspan.com</b><br/>
								<a href="#">新浪微博<i class="icon icon-web"></i></a>
								<a href="#">腾讯微博<i class="icon icon-font"></i></a>
							</div>
						</div>
					</div>
					<div class="guarantee clearfix fix">
						<ul class="clearfix">
							<li>
								<i class="call call-nice"></i>
								<span>正品保障</span><br/>
								<b>确保所有产品都是原装正品</b>
							</li>
							<li>
								<i class="call call-nica"></i>
								<span>一日三送</span><br/>
								<b>早中晚，一日三次配送</b>
							</li>
							<li>
								<i class="call call-niss"></i>
								<span>正规发票</span><br/>
								<b>机打发票，附箱送达</b>
							</li>
							<li>
								<i class="call call-nsss"></i>
								<span>全国联保</span><br/>
								<b>专业保修就在家门口</b>
							</li>
						</ul>
					</div>
					<div class="extension clearfix">
						<div class="extend fix">
							<a href="#">关于本店</a>|
							<a href="#">我们的团队</a>|
							<a href="#">网站联盟</a>|
							<a href="#">频道首页</a>|
							<a href="#">友情链接</a>|
							<a href="#">热门搜索</a>|
							<a href="#">诚征英才</a>|
							<a href="#">媒体报道</a>|
							<a href="#">供应商申请</a>|
							<a href="#">供应商登录</a>
							<p>COPYRIGHT (C) 2013-2015   ALLRIGHTS   RESERVED BY 上海新团购有限公司</p>
							<a href="#"><img src="images/kdkdkd_03.jpg" alt="" /></a>
							<a href="#"><img src="images/pro_inde_05.jpg" alt="" /></a>
							<a href="#"><img src="images/pro_inde_05.jpg" alt="" /></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>	
</body>
</html>